<template>
  <svgContainer 
  :component_infos="props.component_infos"
  :svg_data="props.svg_data"
  :svgCanvas="props.svgCanvas"
  :jsonName="jsonName"
  @handleBusiness="handleBusiness"
  >
  </svgContainer>
</template>

<script script setup lang="ts">
import svgContainer from '../../components/svgContainer.vue'
import {ISvgDataLists, ISvgCanvas, IComponentInfo, ISelectSvg} from "../../Model";
import {reactive,watch,ref,inject} from "vue";
import { ElMessage, ElMessageBox } from 'element-plus'
import Big from 'big.js';
const bus:any=inject('$bus')

const props = defineProps({
    //组件的json格式
    component_infos: {
        type: Array as () => Array<IComponentInfo>,
        required: true,
        default: []
    },
    //要渲染的数据
    svg_data: {
        type: Array as () => Array<ISvgDataLists>,
        required: true,
        default: []
    },
    svgCanvas: {
        type: Object as () => ISvgCanvas,
        default: { width: 1520, height: 720 }
    },
    jsonName:{
      type: String,
      default:'test' 
    }
});
//获取业务要用到的对应的SVG
const  imData=reactive({
})
const handleBusiness=data=>{
  }
</script>